@include b('slider') {
  display: flex;
  align-items: center;
  width: 100%;
  @include e(text) {
    .el-slider__button,
    .el-slider__button-wrapper {
      width: 1px;
      height: getCssVar('height-control', 'default');
      border: none;
    }

    .el-slider__bar {
      border-radius: getCssVar('border-radius', 'small');
    }

    .el-slider__runway.is-disabled .el-slider__bar {
      background-color: getCssVar(color, primary);
    }
    @include m(val) {
      margin-left: getCssVar(spacing, tight);
    }
  }
}


@include b(form-item){

  @include b(slider) {
    @include when(show-default){
      padding: getCssVar(form-item, hover-edit-padding);
    }
  }
}